﻿<phone:PhoneApplicationPage xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:Microsoft_Phone_Controls_Maps_Overlays="clr-namespace:Microsoft.Phone.Controls.Maps.Overlays;assembly=Microsoft.Phone.Controls.Maps" 
    xmlns:es="clr-namespace:Microsoft.Expression.Shapes;assembly=Microsoft.Expression.Drawing" 
    x:Class="deviantARTWP7.MainPage"
    d:DesignWidth="480" d:DesignHeight="800" 
    d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}"
    mc:Ignorable="d"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False">
	<phone:PhoneApplicationPage.Resources>
		<DataTemplate x:Key="dataItem_Newest">
			<Grid Width="420" Height="156" Margin="0,0,0,20">
				<Grid.Background>
					<ImageBrush Stretch="Uniform" ImageSource="imgResources/bg_rss.png"/>
				</Grid.Background>
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="0.438*"/>
					<ColumnDefinition Width="0.562*"/>
				</Grid.ColumnDefinitions>
				<Image Height="139" Margin="8,8,0,0" Source="{Binding img}" VerticalAlignment="Top" Stretch="UniformToFill" Canvas.ZIndex="2" Width="176"/>
				<TextBlock x:Name="titile" Height="35" Margin="8,0,38,0" TextWrapping="Wrap" Text="{Binding title}" VerticalAlignment="Top" FontSize="26.667" Grid.Column="1" Foreground="#FFC3FF00"/>
				<TextBlock x:Name="detail" Grid.Column="1" Margin="8,61,8,0" TextWrapping="Wrap" Text="{Binding detail}" Height="86" VerticalAlignment="Top" Foreground="#FFE9E9E9"/>
				<TextBlock x:Name="date" Grid.Column="1" Height="20" Margin="8,35,28,0" TextWrapping="Wrap" Text="{Binding date}" VerticalAlignment="Top" Foreground="DarkGray" FontSize="16"/>
				<Image x:Name="_default" Margin="8,8,0,0" Height="139" VerticalAlignment="Top" Source="imgResources/defaul_img.jpg" Stretch="UniformToFill"/>
				

			</Grid>
		</DataTemplate>
		<DataTemplate x:Key="CategLinkItem">
			<Grid/>
		</DataTemplate>
	</phone:PhoneApplicationPage.Resources>

	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>
	<Grid x:Name="LayoutRoot">
		<Grid.Background>
			<ImageBrush Stretch="Fill"/>
		</Grid.Background>
		<Image Source="imgResources/topbar.png" HorizontalAlignment="Left" VerticalAlignment="Top" Canvas.ZIndex="500"/>
		<controls:Panorama x:Name="MainPano" Margin="0,-8,0,0" BorderThickness="0">
			<controls:Panorama.Background>
				<ImageBrush ImageSource="imgResources/bg_main.jpg"/>
			</controls:Panorama.Background>
        	
 
			<!--Panorama item one-->
			<controls:PanoramaItem x:Name="Newest" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,85,0,0" Loaded="Newest_Loaded" BorderThickness="0" >
				<controls:PanoramaItem.Header>
					<Image Source="imgResources/news_icon.png" Width="208" Height="42" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="-5,15,0,0"/>	
				</controls:PanoramaItem.Header>
				<!--Double line list with text wrapping-->
				<Grid x:Name="Newest_Grid" Width="420" Margin="0,0,0,-640" Height="640">
					<ProgressBar x:Name="Newest_Progress" Height="10" Margin="0,-30,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" Width="420" Foreground="#FFF1FF00" Background="{x:Null}" LargeChange="5"/>
					<ListBox x:Name="lstNewest" ItemTemplate="{StaticResource dataItem_Newest}" SelectionChanged="lstNewest_SelectionChanged" Height="640" HorizontalAlignment="Left" VerticalAlignment="Top" />
					<Button x:Name="Newest_refresh" Content="refresh" HorizontalAlignment="Right" Height="52" Margin="0,-72,0,0" VerticalAlignment="Top" Width="52" BorderBrush="{x:Null}" Foreground="{x:Null}" BorderThickness="0" Padding="0" UseLayoutRounding="True" Click="Newest_refresh_Click" Opacity="0.95" Style="{StaticResource ButtonRefreshStyle}">
						<Button.Background>
							<ImageBrush Stretch="None" ImageSource="appbar.refresh.rest.png"/>
						</Button.Background>
					</Button>
				</Grid>
			</controls:PanoramaItem>
 
			<!--Panorama item two-->
			<controls:PanoramaItem x:Name="Popular" BorderThickness="0,7,0,0" Margin="0,85,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Loaded="Popular_Loaded">
				<controls:PanoramaItem.Header>
					<Image Source="imgResources/popu.png" Width="231" Height="42" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="-5,15,0,0"/>	
				</controls:PanoramaItem.Header>
				<Grid x:Name="Popp_Grid" Width="420" Margin="0,0,0,-640" Height="640">
					<ProgressBar x:Name="Popular_Progress" Height="10" Margin="0,-30,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" Width="420" Background="{x:Null}" Foreground="#FFB7FF00"/>
					<ListBox x:Name="lstPop" ItemTemplate="{StaticResource dataItem_Newest}" SelectionChanged="lstPop_SelectionChanged" Height="640" HorizontalAlignment="Left" VerticalAlignment="Top" />
					<Button x:Name="Popp_refresh" Content="refresh" HorizontalAlignment="Right" Height="52" Margin="0,-72,0,0" VerticalAlignment="Top" Width="52" BorderBrush="{x:Null}" Foreground="{x:Null}" BorderThickness="0" Padding="0" UseLayoutRounding="True" Opacity="0.95" Style="{StaticResource ButtonRefreshStyle}" Click="Popp_refresh_Click">
						<Button.Background>
							<ImageBrush Stretch="None" ImageSource="appbar.refresh.rest.png"/>
						</Button.Background>
					</Button>
				</Grid>
				
				<!--Double line list with image placeholder and text wrapping-->
			</controls:PanoramaItem>
			<controls:PanoramaItem x:Name="Category" Margin="0,85,0,-1" BorderThickness="0,7,0,0">
				<controls:PanoramaItem.Header>
					<Image Source="imgResources/cate.png" Width="288" Height="42" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="-5,15,0,0"/>	
				</controls:PanoramaItem.Header>
				<Grid x:Name="Categ_Grid" Margin="0" Width="420" Height="640">
					<ListBox >
						<HyperlinkButton x:Name="DigiArt" Content="Digital Art" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="DigiArt_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="DVDesign" Content="deviantWEAR Design" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="DVDesign_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="Photo" Content="Photography" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="Photo_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="Tradi" Content="Traditional Art" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="Tradi_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="Artisan" Content="Artisan Crafts" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="Artisan_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="Contest" Content="Contests" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="Contest_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="GamDev" Content="Game Development Art" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="GamDev_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="DesignUI" Content="Design and Interfaces" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="DesignUI_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="Cartoon" Content="Cartoon and Comics" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="Cartoon_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="Custom" Content="Customization" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="Custom_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="FracArt" Content="Fractal Art" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="FracArt_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="FilmAni" Content="Film and Animetion" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="FilmAni_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="Litera" Content="Literature" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="Litera_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="Manga" Content="Manga and Anime" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="Manga_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="Anthro" Content="Anthro" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="Anthro_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="ReStock" Content="Resources and Stock Images" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="ReStock_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="Flash" Content="Flash" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="Flash_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="FanArt" Content="Fan Art" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="FanArt_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="CommProj" Content="Community Projects" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="CommProj_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="DVRelate" Content="deviantART Related" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="DVRelate_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						<HyperlinkButton x:Name="Scraps" Content="Scraps" Height="65" Width="412" FontWeight="Bold" Foreground="#FFFDFF00" Click="Scraps_Click">
							<HyperlinkButton.Background>
								<ImageBrush ImageSource="imgResources/bg_link.png" Stretch="Uniform"/>
							</HyperlinkButton.Background>
						</HyperlinkButton>
						
					</ListBox>
				</Grid>
			</controls:PanoramaItem>
		
			<controls:PanoramaItem x:Name="About" BorderThickness="0,7,0,0" Margin="0,85,0,0">
				<controls:PanoramaItem.Header>
					<Image Source="imgResources/about.png" Width="189" Height="42" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="-5,15,0,0"/>	
				</controls:PanoramaItem.Header>   
				<StackPanel x:Name="About_Grid" HorizontalAlignment="Left" Height="349" VerticalAlignment="Top" Width="420" Background="#3E000000" >
					<TextBlock HorizontalAlignment="Left" Height="275" Margin="8,60,0,0" TextWrapping="Wrap" Width="412" VerticalAlignment="Top" Foreground="#FFE7E7E7"><Run Text="It's @ 2011 [Heyground] alias of me. "/><LineBreak/><Run Text="Developer &amp; Designer this Windows Phone 7 Application"/><LineBreak/><Run Text="so working by RSS of deviantART feeds to streaming on this app like your gallery in your hands..."/><LineBreak/><Run/><LineBreak/><Run Text="Mr. Pheerapoch Wangsriyawan "/><LineBreak/><Run Text="Email : Heyground@hotmail.com"/><LineBreak/><Run Text="-Microsoft Innovation Center (MIC) - Bangkok-"/></TextBlock>
					<es:Arc ArcThickness="0" ArcThicknessUnit="Pixel" EndAngle="360" Height="1" Margin="8,-577,8,0" Stretch="None" Stroke="#C1CCCCCC" StartAngle="0" UseLayoutRounding="False"/>
					<TextBlock Height="50" Margin="8,-336,8,0" TextWrapping="Wrap" Text="DeviantART Gallery" VerticalAlignment="Top" FontSize="32" Foreground="#FFC3FF00"/>
				</StackPanel>      
			</controls:PanoramaItem>
		</controls:Panorama>
	</Grid>
</phone:PhoneApplicationPage>